.login_container {
  // background-color: #2b4b6b;
  background: url(../../assets/imgs/sakura.jpg) no-repeat 0 0;
  background-size: cover;
  height: 100%;
  .login_box {
    width: 500px;
    height: 550px;
    background-color: rgba(150, 148, 148, 0.5);
    border-radius: 5px;
    position: absolute;
    left: 70%;
    top: 50%;
    transform: translate(-50%, -50%);
    .avatar_box {
      height: 150px;
      width: 150px;
      border: 1px solid #eee;
      background-color: #fff;
      border-radius: 50%;
      padding: 10px;
      box-shadow: 0 0 10px #ddd;
      position: absolute;
      left: 50%;
      transform: translate(-50%, 50%);
      img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #eee;
      }
    }
    .login_form {
      position: absolute;
      bottom: 5%;
      width: 80%;
    }
  }
}